<template>
  <div>
    <div>
      <headerTop></headerTop>
    </div>
    <div>
      <headerMin :searchState="searchState"></headerMin>
    </div>
    <div class="doctor_content wrap">
      <div class="indexes">首页</div>
      <!-- 医生选择 -->
      <div class="selectTab">
        <!-- 列表 -->
        <div @click="GoDoctorDetails()" class="box">
          <div class="sum">
            空闲 
          </div>
          <div class="headerImg">
            <img src="@/assets/image/bg1.jpg" alt />
          </div>
          <p class="p1">
            <span>王建国</span> 药师
          </p>
          <p class="p2 two">复旦大学附属眼耳鼻喉科医院分院耳鼻喉科</p>
          <p
            class="p3 two"
          >已经有很多人了解到了 Promise, 但是人们还是坚持使用 node.js 中提倡的以回调函数首个参数传 error 对象的方式处理异步代码.ojo 首次大规模的使用了 Promise , 相应的 Promise/A 被提出用以规范 Promise 的实</p>
          <div class="bottom">
            <div>
              <img class="fl" src="@/assets/image/Listofpeople_picture_icon@2x.png" alt />
              <div class="fl ffl">
                <p class="txt1">图文问诊</p>
                <p class="txt2">免费</p>
              </div>
            </div>
            <div>
              <img class="fl" src="@/assets/image/Listofpeople_video_icon@2x.png" alt />
              <div class="fl ffl">
                <p class="txt1">视频问诊</p>
                <p class="txt2">免费</p>
              </div>
            </div>
          </div>
        </div> 
      </div>
    </div>
    <div class="bg1">
      <publicBottom></publicBottom>
    </div>
  </div>
</template>
<script>
import headerTop from "@/components/public/public_headerTop.vue";
import headerMin from "@/components/index/index_header_min";
import publicBottom from "@/components/public/public_bottom.vue";
export default {
  components: {
    headerTop,
    headerMin,
    publicBottom
  },
  props: [],
  data() {
    return {
      searchState: 0,
      search: ""
    };
  },
  methods: {
    GoDoctorDetails(){
      this.$router.push({ path: "/doctor/doctorDetails" });
    },
    GoAllGoods() {
      this.$router.replace({ path: "/allGoods" });
    }
  }
};
</script>
<style lang="less" scoped>
@import './pharmacist';
</style>